<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
            <title>艾客一品食品网-首页</title>
            <link href="__MZUI__/css/amazeui.css" rel="stylesheet" type="text/css" />
            <link href="__MZUI__/css/admin.css" rel="stylesheet" type="text/css" />
            <link href="__CSS__/home/demo.css" rel="stylesheet" type="text/css" />
            <link href="__CSS__/home/hmstyle.css" rel="stylesheet" type="text/css" />
            <link href="__CSS__/home/skin.css" rel="stylesheet" type="text/css" />
            <script src="__JQ__"></script>
            <script src="__LY__"></script>
            <script src="__JS__/public.lib.js"></script>
            <script src="__MZUI__/js/amazeui.min.js"></script>
            
            <link rel="Shortcut Icon" href="../Images/favicon.ico" />
    </head>
    <body>
        <div id="menu">
            <ul>
                <li><!--<img src="__IMG__/home/candy.png" /> -->甜品<span>甜品</span> </li>
                <li><!--<img src="__IMG__/home/cake.png" /> -->坚果<span>坚果</span> </li>
                <li><!--<img src="__IMG__/home/chocolate.png" />--> 坚果<span>甜品</span> </li>
                <li><!--<img src="__IMG__/home/fish.png" /> -->坚果<span>坚果</span> </li>
                <li><!--<img src="__IMG__/home/nut.png" />--> 坚果<span>甜品</span> </li>
                <li><!--<img src="__IMG__/home/package.png" />--> 坚果<span>坚果</span> </li>
                <li class="last">Top</li>
            </ul>
        </div>
        
        <div class="ding"></div>
        <div class="hmtop">
            <include file="Include/header" />
            <div class="clear"></div>
        </div>
        <div class="banner">
            <!--轮播 -->
            <div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
                <ul class="am-slides">
                    {:getAdver(1,0,0)}
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="shopNav">
            <div class="slideall">

                <div class="long-title"><span class="all-goods">全部分类</span></div>
                <div class="nav-cont">
                    <ul>
                        <li class="index"><a href="{:HOME_URL}">首页</a></li>
                        <foreach name="middle_navigation" item="v">
                            <li>
                                <if condition="($v['nav_new_open'])">
                                    <a class="qc" href="{$v['nav_url']}" title="{$v['nav_title']}" target="_blank" >{$v['nav_title']}</a>
                                    <else />
                                    <a class="qc" href="{$v['nav_url']}" title="{$v['nav_title']}" >{$v['nav_title']}</a>
                                </if>
                            </li>
                        </foreach>
                    </ul>
                </div>

                <!--侧边导航 -->
                <div id="nav" class="navfull">
                    <div class="area clearfix">
                        <div class="category-content" id="guide_2">
                            <div class="category">
                                <ul class="category-list" id="js_climit_li">
                                    <foreach item="v" name="category">
                                    <li class="appliance js_toggle relative">
                                        <div class="category-info">
                                            <h3 class="category-name b-category-name"><i><img src="__IMG__/home/cake.png"></i><a class="ml-22" title="{$v['cat_name']}">{$v['cat_name']}</a></h3>
                                            <em>&gt;</em></div>
                                        <div class="menu-item menu-in top">
                                            <div class="area-in">
                                                <div class="area-bg">
                                                    <div class="menu-srot">
                                                        <foreach item="b" name="v['class2']">
                                                        <div class="sort-side">
                                                            <dl class="dl-sort">
                                                                <dt><span title="{$b['cat_name']}">{$b['cat_name']}</span></dt>
                                                                <foreach item="n" name="b['class3']">
                                                                <dd><a title="{$n['cat_name']}" href="{:HOME_URL}/Cate/tdd{$n['cat_id']}"><span>{$n['cat_name']}</span></a></dd>
                                                                </foreach>
                                                            </dl>
                                                        </div>
                                                        </foreach>
<!--                                                        <div class="brand-side">
                                                            <dl class="dl-sort"><dt><span>实力商家</span></dt>
                                                                <dd><a rel="nofollow" title="呵官方旗舰店" target="_blank" href="#" rel="nofollow"><span  class="red" >呵官方旗舰店</span></a></dd>
                                                                <dd><a rel="nofollow" title="格瑞旗舰店" target="_blank" href="#" rel="nofollow"><span >格瑞旗舰店</span></a></dd>
                                                                <dd><a rel="nofollow" title="飞彦大厂直供" target="_blank" href="#" rel="nofollow"><span  class="red" >飞彦大厂直供</span></a></dd>
                                                                <dd><a rel="nofollow" title="红e·艾菲妮" target="_blank" href="#" rel="nofollow"><span >红e·艾菲妮</span></a></dd>
                                                                <dd><a rel="nofollow" title="本真旗舰店" target="_blank" href="#" rel="nofollow"><span  class="red" >本真旗舰店</span></a></dd>
                                                                <dd><a rel="nofollow" title="杭派女装批发网" target="_blank" href="#" rel="nofollow"><span  class="red" >杭派女装批发网</span></a></dd>
                                                            </dl>
                                                        </div>-->
                                                    </div>
                                                    <div class="lg">
                                                        <a href="#"><img src="__IMG__/home/logobig1.png" /></a> 
                                                        <a href="#"><img src="__IMG__/home/logobig2.png" /></a> 
                                                        <a href="#"><img src="__IMG__/home/logobig.png" /></a>
                                                        <a href="#"><img src="__IMG__/home/logo1.png" /></a> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <b class="arrow"></b>
                                    </li>
                                    </foreach>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--轮播-->
                <script type="text/javascript">
                    (function () {
                        $('.am-slider').flexslider();
                    });
                    $(document).ready(function () {
                        $("li").hover(function () {
                            $(".category-content .category-list li.first .menu-in").css("display", "none");
                            $(".category-content .category-list li.first").removeClass("hover");
                            $(this).addClass("hover");
                            $(this).children("div.menu-in").css("display", "block")
                        }, function () {
                            $(this).removeClass("hover")
                            $(this).children("div.menu-in").css("display", "none")
                        });
                    })
                </script>
                <!--小导航 -->
                <div class="am-g am-g-fixed smallnav">
                    <div class="am-u-sm-3">
                        <a href="sort.html"><img src="__IMG__/home/navsmall.jpg" />
                            <div class="title">商品分类</div>
                        </a>
                    </div>
                    <div class="am-u-sm-3">
                        <a href="#"><img src="__IMG__/home/huismall.jpg" />
                            <div class="title">大聚惠</div>
                        </a>
                    </div>
                    <div class="am-u-sm-3">
                        <a href="#"><img src="__IMG__/home/mansmall.jpg" />
                            <div class="title">个人中心</div>
                        </a>
                    </div>
                    <div class="am-u-sm-3">
                        <a href="#"><img src="__IMG__/home/moneysmall.jpg" />
                            <div class="title">投资理财</div>
                        </a>
                    </div>
                </div>
                <!--走马灯 -->
                <div class="marqueen">
                    <span class="marqueen-title">商城头条</span>
                    <div class="demo">
                        <ul>
                            <foreach item='v' name='notice2' key='k'>
                                <if condition='$k lt 2'>
                                    <li class="title-first"><a target="_blank" href="/Article/{$v['article_id']}"><span>[特惠]</span>{$v['title']|sub_str=###,0,16}</a></li>
                                <else />
                                    <li><a target="_blank" href="/Article/{$v['article_id']}"><span>[特惠]</span>{$v['title']|sub_str=###,0,16}</a></li>
                                </if>
                                <if condition='$k == 1'>
                                    <div class="mod-vip">
                                        <div class="m-baseinfo">
                                            <a href="../person/index.html">
                                                <img src="__IMG__/home/face.png">
                                            </a>
                                            <em>
                                                Hi,<span class="s-name">游客</span>
                                                <a href="#"><p>点击更多优惠活动</p></a>									
                                            </em>
                                        </div>
                                        <div class="member-logout">
                                            <a class="am-btn-warning btn" href="{:USER_URL}{:U('Login/index')}">登录</a>
                                            <a class="am-btn-warning btn" href="{:USER_URL}{:U('Register/mobile')}">注册</a>
                                        </div>
                                        <div class="member-login">
                                            <a href="#"><strong>0</strong>待收货</a>
                                            <a href="#"><strong>0</strong>待发货</a>
                                            <a href="#"><strong>0</strong>待付款</a>
                                            <a href="#"><strong>0</strong>待评价</a>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </if>
                            </foreach>
                        </ul>
                        <div class="advTip"><img src="__IMG__/home/advTip.jpg" /></div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <script type="text/javascript">
                if ($(window).width() < 640) {
                    function autoScroll(obj) {
                        $(obj).find("ul").animate({
                            marginTop: "-39px"
                        }, 500, function () {
                            $(this).css({
                                marginTop: "0px"
                            }).find("li:first").appendTo(this);
                        })
                    }
                    $(function () {
                        setInterval('autoScroll(".demo")', 3000);
                    })
                }
            </script>
        </div>
        <div class="shopMainbg">
            <div class="shopMain" id="shopmain">

                <!--今日推荐 -->

                <div class="am-g am-g-fixed recommendation">
                    <div class="clock am-u-sm-3">
                        <img src="__IMG__/home/20170410203410.jpg"></img>
                        <p>今日<br>推荐</p>
                    </div>
                    <foreach name="pc_tj_Recommend" item="v">
                    <div class="am-u-sm-4 am-u-lg-3 ">
                        <div class="info ">
                            <h3>{$v['goods_title']|sub_str=###,0,10}</h3>
                            <h4>开年福利篇</h4>
                        </div>
                        <div class="recommendationMain one">
                            <a href="{:HOME_URL}/Goods/{$v['goods_id']}"><img src="{$v['goods_thumb']} "></img></a>
                        </div>
                    </div>
                    </foreach>
                </div>
                <div class="clear "></div>
                <!--热门活动 -->

                <div class="am-container activity ">
                    <div class="am-g am-g-fixed ">
                        <div class="am-u-sm-3 ">
                            <div class="icon-sale one "></div>
                            <h4>秒杀</h4>
                            <div class="activityMain ">
                                <img src="__IMG__/home/activity1.jpg "></img>
                            </div>
                            <div class="info ">
                                <h3>一品送礼优选</h3>
                            </div>
                        </div>

                        <div class="am-u-sm-3 ">
                            <div class="icon-sale two "></div>
                            <h4>折扣</h4>
                            <div class="activityMain ">
                                <img src="__IMG__/home/activity2.jpg "></img>
                            </div>
                            <div class="info ">
                                <h3>一品送礼优选</h3>
                            </div>
                        </div>

                        <div class="am-u-sm-3 ">
                            <div class="icon-sale three "></div>
                            <h4>秒杀</h4>
                            <div class="activityMain ">
                                <img src="__IMG__/home/activity3.jpg "></img>
                            </div>
                            <div class="info ">
                                <h3>一品送礼优选</h3>
                            </div>
                        </div>

                        <div class="am-u-sm-3 last ">
                            <div class="icon-sale "></div>
                            <h4>折扣</h4>
                            <div class="activityMain ">
                                <img src="__IMG__/home/activity.jpg "></img>
                            </div>
                            <div class="info ">
                                <h3>一品送礼优选</h3>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="clear "></div>
                <!--优惠券-->
                <div class="juan am-g am-g-fixed ">
                    <a href="" class="j1 am-u-sm-2  am-u-md-2">
                        <!--<p class="j11">领券中心</p>
                        <p class="j12"></p>
                        <p class="j13">没抢到？</p>
                        <p class="j14">可以去看看更多优惠券</p>
                        <p class="j15">前往领券中心</p>			-->
                        <img src="__IMG__/home/01_mid.jpg" width="100%" height="100%" />
                    </a>
                    <a href="" class="j2 am-u-sm-2  am-u-md-2" id="ju2">
                        <img src="__IMG__/home/1.jpg" id="im" />
                        <!--<div class="j21">
                            <span class="fuhao">￥</span>
                            <span class="jiaqian">100</span>
                            <p class="j22">仅可购买部分指定产品</p>
                            <p class="j23"><span> 消费满139元可用</span></p>
                            <p class="j24">更多好券</p>
                        </div>-->

                        <!--此处css在hmstyle中的最后面  其他的类名都没有改  就自己改了个decscription-->

                        <div class="description">
                            <span class="fuhao">￥</span>

                            <span class="jiaqian">100</span>
                            <p class="j22">仅购买部分指定产品</p>
                            <p class="j23">消费满139元可用</p>
                            <p class="j24">更多优惠券</p>
                        </div>


                    </a>
                    <a href="" class="j2 j3 am-u-sm-2  am-u-md-2" id="ju3" style="display: block;">
                        <img src="__IMG__/home/1.jpg" id="im1" />                      
                        <div class="description">
                            <span class="fuhao">￥</span>
                            <span class="jiaqian">200</span>
                            <p class="j22">仅购买部分指定产品</p>
                            <p class="j23">消费满239元可用</p>
                            <p class="j24">更多优惠券</p>
                        </div>
                    </a>
                    <a href="" class="j2 j4 am-u-sm-2  am-u-md-2" id="ju4" style="display: block;">
                        <img src="__IMG__/home/1.jpg" id="im2" />                        
                        <div class="description">
                            <span class="fuhao">￥</span>

                            <span class="jiaqian">300</span>
                            <p class="j22">仅购买部分指定产品</p>
                            <p class="j23">消费满339元可用</p>
                            <p class="j24">更多优惠券</p>
                        </div>
                    </a>
                    <a href="" class="j2 j5 am-u-sm-2 am-u-md-2" id="ju5" style="display: block;">
                        <img src="__IMG__/home/1.jpg" id="im3" />                        
                        <div class="description">
                            <span class="fuhao">￥</span>

                            <span class="jiaqian">400</span>
                            <p class="j22">仅购买部分指定产品</p>
                            <p class="j23">消费满439元可用</p>
                            <p class="j24">更多优惠券</p>
                        </div>
                    </a>
                    <a href="" class="j2 j6 am-u-sm-2  am-u-md-2" id="ju6" style="display: block;">
                        <img src="__IMG__/home/1.jpg" id="im4" />                       
                        <div class="description">
                            <span class="fuhao">￥</span>

                            <span class="jiaqian">500</span>
                            <p class="j22">仅购买部分指定产品</p>
                            <p class="j23">消费满539元可用</p>
                            <p class="j24">更多优惠券</p>
                        </div>
                    </a>
                </div>
                <div class="clear "></div>
                <div class="floor">     
                    <div id="f1" class="Louti">
                        <!--甜点-->
                        <div class="am-container ">
                            <div class="shopTitle ">
                                <h4>甜品</h4>
                                <h3>每一道甜品都有一个故事</h3>
                                <div class="today-brands ">
                                    <a href="# ">桂花糕</a>
                                    <a href="# ">奶皮酥</a>
                                    <a href="# ">栗子糕 </a>
                                    <a href="# ">马卡龙</a>
                                    <a href="# ">铜锣烧</a>
                                    <a href="# ">豌豆黄</a>
                                </div>
                                <span class="more ">
                                    <a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                                </span>
                            </div>
                        </div>

                        <div class="am-g am-g-fixed floodFour">
                            <div class="am-u-sm-5 am-u-md-4 text-one list ">
                                <div class="word">
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                </div>
                                <a href="# ">
                                    <div class="outer-con ">
                                        <div class="title ">
                                            开抢啦！
                                        </div>
                                        <div class="sub-title ">
                                            零食大礼包
                                        </div>
                                    </div>
                                    <img src="__IMG__/home/act1.png " />
                                </a>
                                <div class="triangle-topright"></div>
                            </div>

                            <foreach item="v" name="pc_one_rec" key="key">
                                <switch name="key">
                                    <case value="0"><div class="am-u-sm-7 am-u-md-4 text-two sug"></case>
                                    <case value="1"><div class="am-u-sm-7 am-u-md-4 text-two"></case>
                                    <case value="2"><div class="am-u-sm-3 am-u-md-2 text-three big"></case>
                                    <case value="3"><div class="am-u-sm-3 am-u-md-2 text-three sug"></case>
                                    <case value="4"><div class="am-u-sm-3 am-u-md-2 text-three "></case>
                                    <default /><div class="am-u-sm-3 am-u-md-2 text-three last big ">
                                </switch>
                                <div class="outer-con ">
                                    <switch name="key">
                                        <case value="0"><div class="title "></case>
                                        <case value="1"><div class="title "></case>
                                        <case value="2"><div class="title buding"></case>
                                        <case value="3"><div class="title "></case>
                                        <case value="4"><div class="title"></case>
                                        <default /><div class="title buding">
                                    </switch>
                                        {$v['goods_title']|sub_str=###,0,10}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><div class="sub-title "></case>
                                        <case value="1"><div class="sub-title "></case>
                                        <case value="2"><div class="sub-title jiage"></case>
                                        <case value="3"><div class="sub-title "></case>
                                        <case value="4"><div class="sub-title "></case>
                                        <default /><div class="sub-title jiage">
                                    </switch>
                                        {$v['goods_price']}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="1"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="2"><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i></case>
                                        <case value="3"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="4"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <default /><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i>
                                    </switch>
                                </div>
                                <a href="{:HOME_URL}/Goods/{$v['goods_id']}"><img src="{$v['goods_thumb']}" /></a>
                            </div>
                            </foreach>
                        </div>
                        <div class="clear "></div>
                    </div>

                    <div id="f2" class="Louti">
                        <!--坚果-->
                        <div class="am-container ">
                            <div class="shopTitle ">
                                <h4>坚果</h4>
                                <h3>酥酥脆脆，回味无穷</h3>
                                <div class="today-brands ">
                                    <a href="# ">腰果</a>
                                    <a href="# ">松子</a>
                                    <a href="# ">夏威夷果 </a>
                                    <a href="# ">碧根果</a>
                                    <a href="# ">开心果</a>
                                    <a href="# ">核桃仁</a>
                                </div>
                                <span class="more ">
                                    <a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                                </span>
                            </div>
                        </div>
                        <div class="am-g am-g-fixed floodThree ">
                            <div class="am-u-sm-4 text-four list">
                                <div class="word">
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                </div>
                                <a href="# ">
                                    <img src="__IMG__/home/act1.png " />
                                    <div class="outer-con ">
                                        <div class="title ">
                                            雪之恋和风大福
                                        </div>
                                    </div>
                                </a>
                                <div class="triangle-topright"></div>
                            </div>
                            
                            <foreach item="v" name="pc_two_rec" key="key">
                                <switch name="key">
                                    <case value="0"><div class="am-u-sm-4 text-four"></case>
                                    <case value="1"><div class="am-u-sm-4 text-four sug"></case>
                                    <case value="2"><div class="am-u-sm-6 am-u-md-3 text-five big "></case>
                                    <case value="3"><div class="am-u-sm-6 am-u-md-3 text-five "></case>
                                    <case value="4"><div class="am-u-sm-6 am-u-md-3 text-five sug"></case>
                                    <default /><div class="am-u-sm-6 am-u-md-3 text-five big">
                                </switch>
                                    <div class="outer-con ">
                                    <switch name="key">
                                        <case value="0"><div class="title "></case>
                                        <case value="1"><div class="title "></case>
                                        <case value="2"><div class="title buding"></case>
                                        <case value="3"><div class="title "></case>
                                        <case value="4"><div class="title"></case>
                                        <default /><div class="title buding">
                                    </switch>
                                        {$v['goods_title']|sub_str=###,0,10}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><div class="sub-title "></case>
                                        <case value="1"><div class="sub-title "></case>
                                        <case value="2"><div class="sub-title jiage"></case>
                                        <case value="3"><div class="sub-title "></case>
                                        <case value="4"><div class="sub-title "></case>
                                        <default /><div class="sub-title jiage">
                                    </switch>
                                        {$v['goods_price']}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="1"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="2"><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i></case>
                                        <case value="3"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="4"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <default /><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i>
                                    </switch>
                                </div>
                                <a href="{:HOME_URL}/Goods/{$v['goods_id']}"><img src="{$v['goods_thumb']}" /></a>
                            </div>
                            </foreach>
                        </div>
                        <div class="clear "></div>
                    </div>
                    <div id="f3" class="Louti">
                        <!--甜点-->
                        <div class="am-container ">
                            <div class="shopTitle ">
                                <h4>甜品</h4>
                                <h3>每一道甜品都有一个故事</h3>
                                <div class="today-brands ">
                                    <a href="# ">桂花糕</a>
                                    <a href="# ">奶皮酥</a>
                                    <a href="# ">栗子糕 </a>
                                    <a href="# ">马卡龙</a>
                                    <a href="# ">铜锣烧</a>
                                    <a href="# ">豌豆黄</a>
                                </div>
                                <span class="more ">
                                    <a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                                </span>
                            </div>
                        </div>

                        <div class="am-g am-g-fixed floodFour">
                            <div class="am-u-sm-5 am-u-md-4 text-one list ">
                                <div class="word">
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                </div>
                                <a href="# ">
                                    <div class="outer-con ">
                                        <div class="title ">
                                            开抢啦！
                                        </div>
                                        <div class="sub-title ">
                                            零食大礼包
                                        </div>
                                    </div>
                                    <img src="__IMG__/home/act1.png " />
                                </a>
                                <div class="triangle-topright"></div>
                            </div>

                            <foreach item="v" name="pc_three_rec" key="key">
                                <switch name="key">
                                    <case value="0"><div class="am-u-sm-7 am-u-md-4 text-two sug"></case>
                                    <case value="1"><div class="am-u-sm-7 am-u-md-4 text-two"></case>
                                    <case value="2"><div class="am-u-sm-3 am-u-md-2 text-three big"></case>
                                    <case value="3"><div class="am-u-sm-3 am-u-md-2 text-three sug"></case>
                                    <case value="4"><div class="am-u-sm-3 am-u-md-2 text-three "></case>
                                    <default /><div class="am-u-sm-3 am-u-md-2 text-three last big ">
                                </switch>
                                    <div class="outer-con ">
                                    <switch name="key">
                                        <case value="0"><div class="title "></case>
                                        <case value="1"><div class="title "></case>
                                        <case value="2"><div class="title buding"></case>
                                        <case value="3"><div class="title "></case>
                                        <case value="4"><div class="title"></case>
                                        <default /><div class="title buding">
                                    </switch>
                                        {$v['goods_title']|sub_str=###,0,10}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><div class="sub-title "></case>
                                        <case value="1"><div class="sub-title "></case>
                                        <case value="2"><div class="sub-title jiage"></case>
                                        <case value="3"><div class="sub-title "></case>
                                        <case value="4"><div class="sub-title "></case>
                                        <default /><div class="sub-title jiage">
                                    </switch>
                                        {$v['goods_price']}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="1"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="2"><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i></case>
                                        <case value="3"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="4"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <default /><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i>
                                    </switch>
                                </div>
                                <a href="{:HOME_URL}/Goods/{$v['goods_id']}"><img src="{$v['goods_thumb']}" /></a>
                            </div>
                            </foreach>
                        </div>
                        <div class="clear "></div>
                    </div>


                    <div id="f4" class="Louti">
                        <!--坚果-->
                        <div class="am-container ">
                            <div class="shopTitle ">
                                <h4>坚果</h4>
                                <h3>酥酥脆脆，回味无穷</h3>
                                <div class="today-brands ">
                                    <a href="# ">腰果</a>
                                    <a href="# ">松子</a>
                                    <a href="# ">夏威夷果 </a>
                                    <a href="# ">碧根果</a>
                                    <a href="# ">开心果</a>
                                    <a href="# ">核桃仁</a>
                                </div>
                                <span class="more ">
                                    <a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                                </span>
                            </div>
                        </div>
                        <div class="am-g am-g-fixed floodThree ">
                            <div class="am-u-sm-4 text-four list">
                                <div class="word">
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                </div>
                                <a href="# ">
                                    <img src="__IMG__/home/act1.png " />
                                    <div class="outer-con ">
                                        <div class="title ">
                                            雪之恋和风大福
                                        </div>
                                    </div>
                                </a>
                                <div class="triangle-topright"></div>
                            </div>
                            <foreach item="v" name="pc_four_rec" key="key">
                                <switch name="key">
                                    <case value="0"><div class="am-u-sm-4 text-four"></case>
                                    <case value="1"><div class="am-u-sm-4 text-four sug"></case>
                                    <case value="2"><div class="am-u-sm-6 am-u-md-3 text-five big "></case>
                                    <case value="3"><div class="am-u-sm-6 am-u-md-3 text-five "></case>
                                    <case value="4"><div class="am-u-sm-6 am-u-md-3 text-five sug"></case>
                                    <default /><div class="am-u-sm-6 am-u-md-3 text-five big">
                                </switch>
                                    <div class="outer-con ">
                                    <switch name="key">
                                        <case value="0"><div class="title "></case>
                                        <case value="1"><div class="title "></case>
                                        <case value="2"><div class="title buding"></case>
                                        <case value="3"><div class="title "></case>
                                        <case value="4"><div class="title"></case>
                                        <default /><div class="title buding">
                                    </switch>
                                        {$v['goods_title']|sub_str=###,0,10}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><div class="sub-title "></case>
                                        <case value="1"><div class="sub-title "></case>
                                        <case value="2"><div class="sub-title jiage"></case>
                                        <case value="3"><div class="sub-title "></case>
                                        <case value="4"><div class="sub-title "></case>
                                        <default /><div class="sub-title jiage">
                                    </switch>
                                        {$v['goods_price']}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="1"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="2"><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i></case>
                                        <case value="3"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="4"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <default /><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i>
                                    </switch>
                                </div>
                                <a href="{:HOME_URL}/Goods/{$v['goods_id']}"><img src="{$v['goods_thumb']}" /></a>
                            </div>
                            </foreach>
                        </div>
                        <div class="clear "></div>
                    </div>
                    <div id="f5" class="Louti">
                        <!--甜点-->
                        <div class="am-container ">
                            <div class="shopTitle ">
                                <h4>甜品</h4>
                                <h3>每一道甜品都有一个故事</h3>
                                <div class="today-brands ">
                                    <a href="# ">桂花糕</a>
                                    <a href="# ">奶皮酥</a>
                                    <a href="# ">栗子糕 </a>
                                    <a href="# ">马卡龙</a>
                                    <a href="# ">铜锣烧</a>
                                    <a href="# ">豌豆黄</a>
                                </div>
                                <span class="more ">
                                    <a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                                </span>
                            </div>
                        </div>
                        <div class="am-g am-g-fixed floodFour">
                            <div class="am-u-sm-5 am-u-md-4 text-one list ">
                                <div class="word">
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                </div>
                                <a href="# ">
                                    <div class="outer-con ">
                                        <div class="title ">
                                            开抢啦！
                                        </div>
                                        <div class="sub-title ">
                                            零食大礼包
                                        </div>
                                    </div>
                                    <img src="__IMG__/home/act1.png " />
                                </a>
                                <div class="triangle-topright"></div>
                            </div>
                            <foreach item="v" name="pc_five_rec" key="key">
                                <switch name="key">
                                    <case value="0"><div class="am-u-sm-7 am-u-md-4 text-two sug"></case>
                                    <case value="1"><div class="am-u-sm-7 am-u-md-4 text-two"></case>
                                    <case value="2"><div class="am-u-sm-3 am-u-md-2 text-three big"></case>
                                    <case value="3"><div class="am-u-sm-3 am-u-md-2 text-three sug"></case>
                                    <case value="4"><div class="am-u-sm-3 am-u-md-2 text-three "></case>
                                    <default /><div class="am-u-sm-3 am-u-md-2 text-three last big ">
                                </switch>
                                    <div class="outer-con ">
                                    <switch name="key">
                                        <case value="0"><div class="title "></case>
                                        <case value="1"><div class="title "></case>
                                        <case value="2"><div class="title buding"></case>
                                        <case value="3"><div class="title "></case>
                                        <case value="4"><div class="title"></case>
                                        <default /><div class="title buding">
                                    </switch>
                                        {$v['goods_title']|sub_str=###,0,10}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><div class="sub-title "></case>
                                        <case value="1"><div class="sub-title "></case>
                                        <case value="2"><div class="sub-title jiage"></case>
                                        <case value="3"><div class="sub-title "></case>
                                        <case value="4"><div class="sub-title "></case>
                                        <default /><div class="sub-title jiage">
                                    </switch>
                                        {$v['goods_price']}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="1"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="2"><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i></case>
                                        <case value="3"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="4"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <default /><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i>
                                    </switch>
                                </div>
                                <a href="{:HOME_URL}/Goods/{$v['goods_id']}"><img src="{$v['goods_thumb']}" /></a>
                            </div>
                            </foreach>
                        </div>
                        <div class="clear "></div>
                    </div>

                    <div id="f6" class="Louti">
                        <!--坚果-->
                        <div class="am-container ">
                            <div class="shopTitle ">
                                <h4>坚果</h4>
                                <h3>酥酥脆脆，回味无穷</h3>
                                <div class="today-brands ">
                                    <a href="# ">腰果</a>
                                    <a href="# ">松子</a>
                                    <a href="# ">夏威夷果 </a>
                                    <a href="# ">碧根果</a>
                                    <a href="# ">开心果</a>
                                    <a href="# ">核桃仁</a>
                                </div>
                                <span class="more ">
                                    <a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                                </span>
                            </div>
                        </div>
                        <div class="am-g am-g-fixed floodThree ">
                            <div class="am-u-sm-4 text-four list">
                                <div class="word">
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                    <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                </div>
                                <a href="# ">
                                    <img src="__IMG__/home/act1.png " />
                                    <div class="outer-con ">
                                        <div class="title ">
                                            雪之恋和风大福
                                        </div>
                                    </div>
                                </a>
                                <div class="triangle-topright"></div>
                            </div>
                            <foreach item="v" name="pc_six_rec" key="key">
                                <switch name="key">
                                    <case value="0"><div class="am-u-sm-4 text-four"></case>
                                    <case value="1"><div class="am-u-sm-4 text-four sug"></case>
                                    <case value="2"><div class="am-u-sm-6 am-u-md-3 text-five big "></case>
                                    <case value="3"><div class="am-u-sm-6 am-u-md-3 text-five "></case>
                                    <case value="4"><div class="am-u-sm-6 am-u-md-3 text-five sug"></case>
                                    <default /><div class="am-u-sm-6 am-u-md-3 text-five big">
                                </switch>
                                    <div class="outer-con ">
                                    <switch name="key">
                                        <case value="0"><div class="title "></case>
                                        <case value="1"><div class="title "></case>
                                        <case value="2"><div class="title buding"></case>
                                        <case value="3"><div class="title "></case>
                                        <case value="4"><div class="title"></case>
                                        <default /><div class="title buding">
                                    </switch>
                                        {$v['goods_title']|sub_str=###,0,10}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><div class="sub-title "></case>
                                        <case value="1"><div class="sub-title "></case>
                                        <case value="2"><div class="sub-title jiage"></case>
                                        <case value="3"><div class="sub-title "></case>
                                        <case value="4"><div class="sub-title "></case>
                                        <default /><div class="sub-title jiage">
                                    </switch>
                                        {$v['goods_price']}
                                    </div>
                                    <switch name="key">
                                        <case value="0"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="1"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="2"><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i></case>
                                        <case value="3"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <case value="4"><i class="am-icon-shopping-basket am-icon-md  seprate"></i></case>
                                        <default /><i class="am-icon-shopping-basket am-icon-md  seprate ty"></i>
                                    </switch>
                                </div>
                                <a href="{:HOME_URL}/Goods/{$v['goods_id']}"><img src="{$v['goods_thumb']}" /></a>
                            </div>
                            </foreach>
                        </div>

                        <div class="clear "></div>
                    </div>
                </div>  
            </div>
        </div>
        <!--引导 -->
        <div class="navCir">
            <li class="active"><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
            <li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
            <li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>
            <li><a href="../person/index.html"><i class="am-icon-user"></i>我的</a></li>
        </div>
        <!--菜单 -->
        <include file="Include/cart" />
        <include file="Include/footer" />
        <script>
            window.jQuery || document.write('<script src="__JQ__"><\/script>');
        </script>
        <script type="text/javascript " src="__JS__/quick_links.js "></script>
        <script type="text/javascript">
            window.onresize = window.onload = function () {
                if (document.body.clientWidth < 600) {
                    $(".bigfooter").hide();
                    $("#menu").hide();
                } else {
                    $(".bigfooter").show();
                    $("#menu").show();
                }

                if (document.body.clientWidth < 1000) {
                    $("#menu").hide();
                } else {
                    $("#menu").show();
                }
            };
        </script>   
        <script>
            var flag = true; //控制 当点击楼层号时，禁止滚动条的代码执行   值为true时，可以执行滚动条代码
            //  根据楼层号 控制滚走的距离  
            // 1、除了top的楼梯号，为每一个楼梯号添加一个click，控制楼梯滚走的距离（距离：当前楼层的offset().top ）
            $("#menu li:not(:last)").click(function () {
                flag = false;
                //当前点击的楼号红色的 其余黑色的
                $(this).find("span")
                        .addClass("active")
                        .end()
                        .siblings()
                        .find("span")
                        .removeClass("active");
                //获取当前楼号对应楼层的 top值
                var sTop = $(".Louti").eq($(this).index()).offset().top;

                //将页面滚走的距离设置为  sTop  
                $("body,html").animate({
                    "scrollTop": sTop
                }, 1000, function () {
                    flag = true;
                });
            })
            //2、点击top   回到顶部
            $("#menu li:last").click(function () {
                $("body,html").animate({
                    "scrollTop": 0
                }, 1000);
                $("#menu li span").removeClass("active");
            })
            //3、 滚动条滚动 --  找到当前楼层的索引    控制楼层号
            $(window).scroll(function () {
                //如果flag  为true   可以执行滚动条的代码
                if (flag) {

                    //获取页面滚走的距离
                    var sTop = $(document).scrollTop();
                    //filter  返回满足条件的那个对象 
                    //找到满足某个条件的楼层对象    
                    var $floor = $(".Louti").filter(function (index, ele) {
                        return Math.abs($(this).offset().top - sTop) < $(this).height() / 2;
                    })

                    //根据楼层的索引 设置楼梯号的 样式
                    $("#menu li").eq($floor.index())
                            .find("span")
                            .addClass("active")
                            .end()
                            .siblings()
                            .find("span")
                            .removeClass("active");
                }
            })
        </script>
    </body>
</html>